<!DOCTYPE html>

<html lang="zh-cn">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0">
	<link rel="stylesheet" type="text/css" href="./css/style.css">

</head>
<body>

	<header class="header_top">
		<div class="header_div">
			
		</div>
		
		<div class="header-info">
			<div class="header-info_fh"><a href="supermarket.html"><img src="./images/xt3.png"></a></div>
			<div class="header-info_cs"><strong>超市分类</strong></div>
			<div class="header-info_gd"><a href=""><img src="./images/xt4.png"></a></div>
		</div>
	</header>
	
	<div class="search_smkt_class">
		<div class="input-hd">
			<input type="text" class="text" placeholder="搜索你想要的商品/商家">
		</div>
		<div class="search_Button">搜索</div>
		<a href=""><img src="./images/sys0.png"></a>
	</div>
	
	
	<div class="smkt_class_slide">
		<div class="smkt_class_div">
			<ul class="smkt_class_menu">
				<li class="supermarket_class_active"><a href="" style="color:#B8154B;">热门推荐</a></li>
				<li><a href="">手机数码</a></li>
				<li><a href="">母婴用品</a></li>
				<li><a href="">美妆洗护</a></li>
				<li><a href="">食品酒水</a></li>
				<li><a href="">居家生活</a></li>
				<li><a href="">女装女鞋</a></li>
				<li><a href="">男装男鞋</a></li>
				<li><a href="">电脑办公</a></li>
				<li><a href="">家用电器</a></li>
				<li><a href="">厨卫电器</a></li>
			</ul>
		</div>
		
		<div class="smkt_class_slidebox">
			
			<div class="top_smkt_class">
				<ul class="smkt_class_box bxslider">
					<li>
						<a href="#"><img src="./images/smkt_clas1.jpg" width="90%" height="80" alt=""></a>
					</li>

					<li>
						<a href="#"><img src="./images/smkt_clas1.jpg" width="90%" height="80" alt=""></a>
					</li>

					<li>
						<a href="#"><img src="./images/smkt_clas1.jpg" width="90%" height="80" alt=""></a>
					</li>
				</ul>
			</div>

			<script type="text/javascript" src="./js/jquery-1.11.1.min_044d0927.js"></script>
			<script type="text/javascript" src="./js/jquery.bxslider_e88acd1b.js"></script>
			<script type="text/javascript">
			(function(){
				$(".bxslider").bxSlider({
					auto:true,
					prevSelector:$(".top_smkt_class .op_prev")[0],nextSelector:$(".top_smkt_class .op_next")[0]
				});
			})();
			</script>
			
			<div class="smkt_class_title">
				<span>精挑细选</span>
				<a href=""><img src="./images/xt5.png"></a>
			</div>
			<ul class="smkt_class_img">
				<li><a href=""><img src="./images/class1.jpg" width="100%" height="110"></a></li>
				<li><a href=""><img src="./images/class1.jpg" width="100%" height="110"></a></li>
				<li><a href=""><img src="./images/class1.jpg" width="100%" height="110"></a></li>
			</ul>
			
			<ul class="smkt_class_img">
				<li><a href=""><img src="./images/class1.jpg" width="100%" height="110"></a></li>
				<li><a href=""><img src="./images/class1.jpg" width="100%" height="110"></a></li>
				<li><a href=""><img src="./images/class1.jpg" width="100%" height="110"></a></li>
			</ul>
			
			<ul class="smkt_class_img">
				<li><a href=""><img src="./images/class1.jpg" width="100%" height="110"></a></li>
				<li><a href=""><img src="./images/class1.jpg" width="100%" height="110"></a></li>
				<li><a href=""><img src="./images/class1.jpg" width="100%" height="110"></a></li>
			</ul>
			
			<ul class="smkt_class_img">
				<li><a href=""><img src="./images/class1.jpg" width="100%" height="110"></a></li>
				<li><a href=""><img src="./images/class1.jpg" width="100%" height="110"></a></li>
				<li><a href=""><img src="./images/class1.jpg" width="100%" height="110"></a></li>
			</ul>
		</div>
	</div>
	
</body>
</html>